<template>
    <hr />
    <br>
    <el-scrollbar height="70vh">
        <el-form label-width="80px" :inline="false" size="normal">
            <el-row :gutter="20">
                <el-col :span="12" :offset="0">
                    <el-form-item label="姓名" size="normal" label-position="top">
                        <el-input :value="monthlyData.name" placeholder="姓名" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="所在部门" size="normal" label-position="top">
                        <el-input :value="monthlyData.department" placeholder="所在部门" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="考勤周期" size="normal" label-position="top">
                        <el-input :value="monthlyData.attendancePeriod" placeholder="考勤周期" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="考勤周期开始时间" size="normal" label-position="top">
                        <el-input :value="monthlyData.startTime" placeholder="考勤周期开始时间" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="考勤周期结束时间" size="normal" label-position="top">
                        <el-input :value="monthlyData.endTime" placeholder="考勤周期结束时间" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="工作日天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.workdays" placeholder="工作日天数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="考勤打卡次数" size="normal" label-position="top">
                        <el-input :value="monthlyData.clockInNumber" placeholder="考勤打卡次数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="迟到次数" size="normal" label-position="top">
                        <el-input :value="monthlyData.beLateNumber" placeholder="迟到次数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="早退次数" size="normal" label-position="top">
                        <el-input :value="monthlyData.earlyLeaveNumber" placeholder="早退次数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="外勤打卡次数" size="normal" label-position="top">
                        <el-input :value="monthlyData.legworkClockInNumber" placeholder="外勤打卡次数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="补卡次数" size="normal" label-position="top">
                        <el-input :value="monthlyData.cardReplacementNumber" placeholder="补卡次数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="请假天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.leaveNumber" placeholder="请假天数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="事假天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.personalLeaveNumber" placeholder="事假天数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="病假天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.sickLeaveNumber" placeholder="病假天数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="调休天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.daysOffNumber" placeholder="调休天数" size="normal" clearable
                            disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="工作日加班天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.workdayOvertimeNumber" placeholder="工作日加班天数" size="normal"
                            clearable disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12" :offset="0">
                    <el-form-item label="周末加班天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.weekendOvertimeNumber" placeholder="周末加班天数" size="normal"
                            clearable disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12" :offset="0">
                    <el-form-item label="节假日加班天数" size="normal" label-position="top">
                        <el-input :value="monthlyData.holidayOvertimeNumber" placeholder="节假日加班天数" size="normal"
                            clearable disabled></el-input>
                    </el-form-item>
                </el-col>

            </el-row>
        </el-form>
    </el-scrollbar>
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
    monthlyData: {
        type: Object,
        default: () => ({})
    }
});
</script>

<style scoped></style>